{layout name="layout" /}
<div class="row">
    <div class='hearder2'>
        <ul class="nav nav-pills text-center text-black ">
            <li  class="activity change_tab" style="width: 33.3%;margin-left:0px;">
                <a class="btn disabled text-muted" href="{:merge_url('half_year_stats');}">年报</a></li>
            <li  class=" change_tab"  style="width: 33.3%; margin-left:0px;">
                <a class="btn disabled text-muted" href="{:merge_url('half_month_stats');}">月报</a></li>
            <li  class=" change_tab"  style="width: 33.3%; margin-left:0px;">
                <a class="btn disabled text-muted" href="{:merge_url('half_week_stats');}">周报</a></li>
        </ul>
    </div>
</div>
<div class="row m-t-xs  p-t-5 " id='content_replace'>
</div>
<div class="row  p-t-lg m-t-sm">
    &nbsp
</div>
<div id="add_div" class="row" style ="position:fixed;bottom: 0px;width:100%;background-color:white;color:white" >
    <div class="col-xs-offset-4 col-xs-4 text-center m-b-xs"  style="color: #286090">
        <a href="{:merge_url('half_list');} " class="btn btn-info btn-lg " role="button" > 
            <span  class="glyphicon glyphicon-stats"></span>&nbsp;列表
        </a>
    </div>
</div>
<script src="//tencent.beecdn.cn/libs/jquery.touchswipe/1.6.19/jquery.touchSwipe.min.js"></script>
<script src="//tencent.beecdn.cn/libs/highcharts/6.1.3/highcharts.js"></script>
<script>
$(function($) {
        $(".change_tab").on('click',function(event) {
                event.preventDefault();
                change_teb(this);
                get_content(this);
        });
    
        function change_teb(ele) {
            $(".change_tab").removeClass('activity');
            $(ele).addClass("activity");
        }
        
        function get_content(ele) {
            let url =$(ele).children('a').attr('href'); 
            $.get(url,{},function(res) {
                  $("#content_replace").html(res);
        })
        }
        $(".hearder2>ul>li").first().click();
    });
</script>